home *** CD-ROM | disk | FTP | other *** search
/ SIGGRAPH 2013 / SIGGRAPH 2013 - Disc 2.iso / assets / stylesheet.css < prev   
Cascading Style Sheet File  |  2013-06-07  |  4KB  |  185 lines
  1.     /* General styles */
  2.     body {
  3.         margin:0;
  4.         padding:0;
  5.         border:0;            /* This removes the border around the viewport in old versions of IE */
  6.         width:100%;
  7.         background:#fff;
  8.         min-width:600px;    /* Minimum width of layout - remove line if not required */
  9.                             /* The min-width property does not work in old versions of Internet Explorer */
  10.         font-family: Helvetica, Arial, sans-serif;
  11.         font-size:90%;
  12.         text-align: center;
  13.     }
  14.     a {
  15.         color:#369;
  16.     }
  17.     a:hover {
  18.         color:#fff;
  19.         background:#369;
  20.         text-decoration:none;
  21.     }
  22.     h1, h2, h3 {
  23.         margin:.8em 0 .8em 0;
  24.         padding:0;
  25.     }
  26.     p {
  27.         margin:.4em 0 .8em 0;
  28.         padding:0;
  29.         line-height: 1.4;
  30.     }
  31.     img {
  32.         margin:10px 0 5px;
  33.     }
  34.     #fixed {
  35.         margin: 0 auto;
  36.         width: 1003px;
  37.         text-align: left;
  38.     }
  39.     /* Header styles */
  40.     #header {
  41.         clear:both;
  42.         float:left;
  43.         width:100%;
  44.     }
  45.     #header {
  46.         border-bottom:0px solid #000;
  47.     }
  48.     #header {
  49.         background-image: url(s2013header.png);
  50.         background-repeat: no-repeat;
  51.         background-position: 0 0;
  52.         height: 151px;
  53.         margin-top: 10px;
  54.     }
  55.     #header p,
  56.     #header h1,
  57.     #header h2 {
  58.         padding:.4em 15px 0 15px;
  59.         margin:0;
  60.     }
  61.     #header ul {
  62.         clear:left;
  63.         float:left;
  64.         width:100%;
  65.         list-style:none;
  66.         margin:10px 0 0 0;
  67.         padding:0;
  68.     }
  69.     #header ul li {
  70.         display:inline;
  71.         list-style:none;
  72.         margin:0;
  73.         padding:0;
  74.     }
  75.     #header ul li a {
  76.         display:block;
  77.         float:left;
  78.         margin:0 0 0 1px;
  79.         padding:3px 10px;
  80.         text-align:center;
  81.         background:#eee;
  82.         color:#000;
  83.         text-decoration:none;
  84.         position:relative;
  85.         left:15px;
  86.         line-height:1.3em;
  87.     }
  88.     #header ul li a:hover {
  89.         background:#369;
  90.         color:#fff;
  91.     }
  92.     #header ul li a.active,
  93.     #header ul li a.active:hover {
  94.         color:#fff;
  95.         background:#000;
  96.         font-weight:bold;
  97.     }
  98.     #header ul li a span {
  99.         display:block;
  100.     }
  101.     /* 'widths' sub menu */
  102.     #layoutdims {
  103.         clear:both;
  104.         background:#eee;
  105.         border-top:4px solid #000;
  106.         margin:0;
  107.         padding:6px 15px !important;
  108.         text-align:right;
  109.     }
  110.     /* column container */
  111.     .colmask {
  112.         position:relative;        /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  113.         clear:both;
  114.         float:left;
  115.         width:100%;            /* width of whole page */
  116.         overflow:hidden;    /* This chops off any overhanging divs */
  117.     }
  118.     /* 2 column left menu settings */
  119.     .leftmenu {
  120.         background: white;
  121.     }
  122.     .leftmenu .colright {
  123.         float:left;
  124.         width:200%;
  125.         position:relative;
  126.         left:200px;
  127.         background:#fff;
  128.     }
  129.     .leftmenu .col1wrap {
  130.         float:right;
  131.         width:50%;
  132.         position:relative;
  133.         right:200px;
  134.         padding-bottom:1em;
  135.     }
  136.     .leftmenu .col1 {
  137.         margin:0 15px 0 215px;
  138.         position:relative;
  139.         right:100%;
  140.         overflow:hidden;
  141.     }
  142.     .leftmenu .col2 {
  143.         float:left;
  144.         width:185px;
  145.         position:relative;
  146.         right:185px;
  147.     }
  148.     /* Footer styles */
  149.     #footer {
  150.         clear:both;
  151.         float:left;
  152.         width:100%;
  153.         border-top:1px solid #000;
  154.     }
  155.     #footer p {
  156.         padding:10px;
  157.         margin:0;
  158.     }
  159.  
  160.     .description {
  161.     margin-top: 10px;
  162.     margin-left: 20px;
  163.     padding-left: 10px;
  164.     }
  165.  
  166.     .bold {
  167.         font-weight: bold;
  168.     }
  169.     
  170.     .italic {
  171.         font-style: italic;
  172.     }
  173.     
  174.     .underline {
  175.         text-decoration: underline;
  176.     }
  177.     
  178. /*    <!--[if lt IE 7]>*/
  179. /*    <style media="screen" type="text/css">*/
  180. /*    .col1 {*/
  181. /*        width:100%;*/
  182. /*    }*/
  183. /*    </style>*/
  184. /*    <![endif]-->*/
  185.